import axios from "axios";
import { useState, useReducer } from "react";

function First(props) {

    return <div>
        <h1>First - 父组件 - {props.name}</h1>
        <hr />
        <Second title={props.name}></Second>
    </div>
}


function Second(props) {

    return <div>
        <h1>Second - 子组件 - {props.title}</h1>
    </div>
}


function App() {

    return <div>
        <h1>App - 祖先组件</h1>
        <hr />
        <First name={'传家宝'}></First>
    </div>
}


export default App